﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>method_1.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	<p>Hello</p>
	<div>
		<span>
			Hello Again
			<b>
				Bold
			</b>
		</span>
	</div>
	<p>And Again</p>
	<span>And Span</span>

	<script type="text/javascript">
	
		//取得div元素的直接子元素内容，不含后代元素
		//var $span = $("div").children();
		//var content = $span.html();//包含子标签
		//var content = $span.text();//不包含子标签
		//alert(content);
		
		//取得div元素的下一个同级的兄弟元素内容	
		//var $p = $("div").next();
		//alert( $p.text() );
		
		//取得div元素的上一个同级的兄弟元素内容
		//alert( $("div").prev().text() );
		
		//依次取得div元素的上下一个同级的所有兄弟元素的内容
		var $all = $("div").siblings("p");		
		$all.each(function(){
			alert( $(this).html() );
		});
		
	</script>
	
  </body>
</html>




